<template>
    <div class="shade" @click.prevent="shadeClick" ref="shadeRef"></div>
    <div class="absolute w-full" style="z-index: 1005;">
        <slot></slot>
    </div>

</template>
<script lang="ts" setup>
import { defineEmits, ref } from 'vue'
const emits = defineEmits(['close']);
const shadeRef = ref<null | HTMLElement>(null);
const shadeClick = () => {
    // 关闭遮罩层, 发送事件
    emits('close');
};
</script> 
<style lang="less">

</style>
